*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font: "微软雅黑";
}
a{
	text-decoration: none;
}
li{
	list-style: none;
}
html{
	font-size:100px;
	width: 100%;
}
.body{
	font-size:16px;
	background:#f7f7f7;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 5;
	font-size: .4rem;
}
header{
	width: 100%;
	height: 1.2rem;
	background-image:linear-gradient(to right bottom,#ff5a61,#fe5b58,#fd6221) ; 
	color: #fff;	
	text-align: center;
	font-size: .5rem;
	line-height: 1.2rem;
}
header>img{
	width: 7%;
	margin: .25rem .3rem;
	float: left;
}
header>a{
	font-size: .4rem;
	width: 10%;
	height: 1.2rem;
	line-height: 1.2rem;
	color: #fff;
	display: inline-block;
	float: right;
	margin-right: .3rem;
}
nav{
	width: 100%;
}
.account{
	width: 100%;
	height: 1rem;
}
.account li{
	width: 50%;
	height: 1rem;
	float: left;	
}
.account a{
	margin: 0 auto;
	width: 80%;
	display: block;	
	text-align: center;
	line-height: 1rem;
	color: #999999;
}
.xia{
	width: 100%;
	overflow: hidden;
	height: 3rem;
	background-color: #fff;
}
#left{
	width: 100%;
	float: left;
	height: 3rem;
}
input{
	height: 1.4rem;
	font-size: .4rem;
	border: 0;
	text-indent: .3rem;
	color: #999999;
	line-height: 1.4rem;
}
.zhanghan{
	width: 90%;	
}
.mima{
	width: 90%;
}
.yanzheng{
	width: 60%;
}
.dian{
	width: 28%;
	background-color: #fff;
}
#right{
	width: 100%;
	float: left;
	height: 3rem;
}
.denglu{
	width: 90%;
	height: 1.2rem;
	background-color: #DBDBDB;
	color: #fff;
	line-height: 1.2rem;
	text-align: center;
	margin: 0 5%;
	font-size: .6rem;
}
.condition{
	width: 100%;
	height: 1rem;
	line-height: 1rem;
}
.condition_wai{
	width: .4rem;
	height: .4rem;
	float: left;
	margin: .28rem .45rem;
	background-size: 100%;
}
.condition p{
	width: 30%;
	height: 1rem;
	float: left;
	color: #999999;
}
.condition a{
	display: block;
	float: right;
	width: 30%;
	height: 1rem;
	color: #999999;
}
.condition_img{
	position: absolute;
	background-color: #FF464E;
}
.condition_wai>div{
	width: .4rem;
	height: .4rem;
	background-image: url(//jp.juancdn.com/jpwebapp_v1/images_v1/user/label_on.png);
}
.third{
	width: 100%;
	height: 6rem;
}
.third>a{
	display: block;
	width: 100%;
	height: 4rem;
	line-height: 5rem;
	text-align: center;
	color: #999;
}
.third>div{
	width: 80%;
	height: 2rem;
	margin-left: 10%;
}
.third>div>img{
	width: 1.2rem;
	margin-left: 15%;
}

#middle1{
	width: 100%;
	height: 1.2rem;
}
#middle1>ul{
	width: 100%;
	height: 1.2rem;
}
#middle1>ul>li{
	width: 33%;
	height: 1.2rem;
	float: left;
}
#middle1>ul>li>img{
	float: left;
	width: .4rem;
	margin: .35rem;
}
#middle1>ul>li>a{
	font-size: .25rem;
	color: #999;
	line-height: 1.2rem;
	display: block;
	float: left;
}
input{
	outline: none;
}
.account li .class1{
	color: #FF767C;
}
.zhezhao{
	width: 100%;
	height: 100%;
	background-color: #7F7F7F;
	position: absolute;
	top: 0;
}
#tan{
	width: 80%;
	height: 5rem;
	position: absolute;
	top: 3rem;
	left: 10%;
	background-color: #F7F7F7;
}
.xxx{
	width: 7%;
	height: .53rem;
	background-image: url(//jp.juancdn.com/jpwebapp_v1/images_v1/user/x-close.png);
	background-size: 100%;
	margin-top: .2rem;
	margin-left: 90%;
}
.biao{
	width: 100%;
	height: .8rem;
	text-align: center;
	line-height: .8rem;
}
#tan .text{
	width: 50%;
	height: 1.2rem;
	background-color: #fff;
	text-align: center;
	line-height: 1.2rem;
	float: left;
	margin-left: 10%;
	outline: none;
}
#tan>span{
	display: block;
	float: left;
	width: 30%;
	height: 1.2rem;
	background-color: #fff;
	text-align: center;
	line-height: 1.2rem;
	margin-left: 3%;
}
#tijiao{
	width: 80%;
	height: 1.2rem;
	margin-left: 10%;
	margin-top: .2rem;
	line-height: 1.2rem;
	text-align: center;
	outline: none;
	color: red;
}
.geshi{
	width: 90%;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center;
	margin-left: 5%;
	background-color: #000;
	color: #fff;
	font-size: .4rem;
	margin-top: .5rem;
	display: none;
	position: fixed;
	top: 40%;
}